<template>
    <div>
        <el-date-picker
            v-model="value2"
            type="date"
            placeholder="选择日期"
            format="yyyy 年 MM 月 dd 日"
            value-format="yyyy-MM-dd"
            :rules="[
                { required: true, message: '请选择日期', trigger: 'blur' },
            ]"
        ></el-date-picker>
        <el-button @click="validateForm">提交</el-button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            value2: "", // 绑定的日期值
        };
    },
    methods: {
        validateForm() {
            this.$refs.form.validate((valid) => {
                if (valid) {
                    // 表单验证通过，执行提交逻辑
                    this.submitForm();
                } else {
                    // 表单验证不通过，显示错误信息
                    this.$message.error("请填写必填字段");
                }
            });
        },
        submitForm() {
            // 提交表单的逻辑
        },
    },
};
</script>
